<template>
  <div class="">
  <el-tabs v-model="activeName">
    <!--<el-tab-pane :label="$t('config.channel.WxOpeningInstructions')" name="WxOpeningInstructions">-->
      <!--<micro-letter v-if="activeName === 'WxOpeningInstructions'"></micro-letter>-->
    <!--</el-tab-pane>-->
    <!--<el-tab-pane :label="$t('config.channel.WxBinding')" name="WxBinding">-->
      <!--<we-chat-binding v-if="activeName === 'WxBinding'" @toManage="toManage"></we-chat-binding>-->
    <!--</el-tab-pane>-->
    <el-tab-pane :label="$t('config.channel.WxManagement')" name="WxManagement">
      <web-chat-manage v-if="activeName === 'WxManagement'"></web-chat-manage>
    </el-tab-pane>
    <!--<el-tab-pane :label="$t('config.channel.WxSetting')" name="WxSetting">-->
      <!--<we-chat-client v-if="activeName === 'WxSetting'"></we-chat-client>-->
    <!--</el-tab-pane>-->
    <el-tab-pane :label="$t('config.channel.webchatDayManage')" name="DayManage" >
      <DayManage :manageType="manageType"></DayManage>
    </el-tab-pane>
    <!--<el-tab-pane :label="$t('config.channel.WxProAuthorize')"  class="we-chat-authorize" name="WxProAuthorize">-->
      <!--<we-chat-pro-authorize v-if="activeName === 'WxProAuthorize'"></we-chat-pro-authorize>-->
    <!--</el-tab-pane>-->
  </el-tabs>
  </div>
</template>
<script>
  import microLetter from './microLetter.vue'
  import webChatManage from './weChatManage.vue'
  import weChatBinding from './weChatBinding.vue'
  import weChatClient from './weChatClient.vue'
  import DayManage from '../base/webchatManage'
  export default {
    name: 'ChannelSkillGroup',
    data () {
      return {
        activeName: 'WxManagement',
        menu: [
          {name: this.$t('config.channel.channelSkillGroup'), value: 'channelSkillGroup'},
          {name: this.$t('config.channel.callCustomerService'), value: 'callCustomerService'}
        ],
        manageType: 'wechat'
      }
    },
    components: {
      microLetter,
      webChatManage,
      weChatBinding,
      weChatClient,
      DayManage
    },
    methods: {
      changeMenu (value) {
      },
      // toBinding () {
      //   console.log('toBinding')
      //   this.activeName = 'WxBinding'
      // },
      toManage () {
        console.log('toManage')
        this.activeName = 'WxManagement'
      }
    },
    beforeMount () {
    }
  }
</script>
<style lang="stylus" scoped>
  @import "../../../../../assets/common.styl"
  .we-chat-authorize
    overflow-y auto
</style>
